<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="libs/adapter.min.js" ></script>
<script src="webrtcstreamer.js" ></script>
<script src="webrtcconfig.js" ></script>
<script>        
    let video = "";  
    let options = webrtcConfig.options;
    if (location.search.slice(1)) {
		if (typeof URLSearchParams != 'undefined') {
			var params = new URLSearchParams(location.search);
			if (params.has("video")) {
				video = params.get("video");
			}
			if (params.has("options")) {
				options = params.get("options");
			}
		} 	    
   }

   window.onload         = function() { 
		this.webRtcServer      = new WebRtcStreamer("remotevideo", webrtcConfig.url);
		navigator.mediaDevices.getUserMedia({video: true, audio: true}).then(stream => {
		
			var videoElement = document.getElementById("localvideo");
			videoElement.srcObject = stream;
			videoElement.play(); 
	
			this.webRtcServer.connect(video, "", options, stream) 
		})
	}
	window.onbeforeunload = function() { this.webRtcServer.disconnect() }

</script>
</head>
<body> 
	<div>
		<video id="localvideo" ></video>
	</div>
	<div>	
		<video id="remotevideo" muted playsinline></video>	
	</div>
</body>
</html>

